:deep(.lr-content) {
  .main-panel {
    display: flex;
  }

  .side-panel {
    min-height: 500px;
  }
}

.content {
  display: flex;
  flex-direction: column;
  height: 500px;
}

.list {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;

  .card {
    cursor: pointer;
  }

  .card-active {
    background: var(--el-color-primary-light-9);
  }

  .card:hover {
    background: #EEE;
  }

  .card-selected {
    background: #EEE;
  }
}

.pager {
  display: flex;
  justify-content: flex-end;
}
